<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta charset="utf-8" />
  <title>开放银行</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="css/swiper.min.css" />
  <link rel="stylesheet" href="css/animate.min.css" />
  <link rel="stylesheet" href="css/main.css" />
  <script src="js/swiper.min.js" type="text/javascript"></script>
  <script src="js/swiper.animate.min.js" type="text/javascript"></script>
  <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
  <style>
  .swiper-pagination-bullet{
    background: white;
  }
  </style>
</head>

<body>
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide page1">
        <div class="pageBox centerPage">
          <div class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"><img src="images/p1/img1.png" alt=""></div>
          <div class="pt-10 pr-50 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"><img src="images/p1/img2.png" alt=""></div>
          <div class="btn-op ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
            <span class="btn">广东实验室</span>
          </div>
        </div>
        <i class="scroll-icon"></i>
      </div>
      <div class="swiper-slide page2">
        <div class="pageBox">
          <div class="scaleBox">
            <div class="header_title ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s"><span><label>背景</label></span></div>
            <div class="page1_box">
              <div class="item">
                <div class="imgBox">
                  <div class="img1 ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"><img src="images/p2/img1.png" /></div>
                  <span class="img_span ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">科技驱<br />动开放</span>
                </div>
                <p class="ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s">金融科技的发展，促使银行可与第三方开发者、金融科技公司、平台企业和其它合作伙伴构建全新的交易平台和生态系统</p>
              </div>
              <div class="item">
                <div class="imgBox">
                  <div class="img1 ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s"><img src="images/p2/img2.png" /></div>
                  <span class="img_span ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3s">全球化<br />趋势</span>
                </div>
                <p class="ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s">多个国家提出实施金融数据共享，构建新型金融生态圈成为全球化发展趋势</p>
              </div>
              <div class="item">
                <div class="imgBox">
                  <div class="img1 ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="4s"><img src="images/p2/img3.png" /></div>
                  <span class="img_span img_span1 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="4.5s">开放提升<br />竞争力</span>
                </div>
                <p class="ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="5s">国有大行和股份制银行都在尽力争取开放银行竞速中的“杆位”。为交易金融服务和业务数字化、智能化、开放化转型打下基础</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page3">
        <div class="pageBox">
          <div class="scaleBox">
            <div class="header_title ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"><span><label>科技驱动开放</label></span></div>
            <div class="page3_box">
              <div class="p3_img ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"><img src="images/p3/img1.png" /></div>
              <div class="p3_4_txt ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">"TOP+"战略</div>
              <div class="p3_1_txt ani" swiper-animate-effect="zoomInDown" swiper-animate-duration="0.5s" swiper-animate-delay="2s">Open 能力开放 践行开放共享理念。</div>
              <div class="p3_2_txt ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">Technology具体包括"ABCDMIX"，即人工智能、区块链、大数据、移动互联、物联网、5G技术和量子计数机</div>
              <div class="p3_3_txt ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="3s">Platform,建平台，再让平台连平台，共同构建用户生态</div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page4">
        <div class="pageBox">
          <div class="scaleBox">
            <div class="header_title ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>开放银行的全球化趋势</label></span>
            </div>
            <div class="page4_box">
              <div class="page4_h1 ani" swiper-animate-effect="zoomInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                <h3>围绕金融科技和开放银行在全球迎来发展热潮</h3>
                <p>开放银行的全球化背景</p>
              </div>
              <div class="p4_img p4_img1 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"><img src="images/p4/img1.png" /></div>
              <div class="p4_img p4_img2 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s"><img src="images/p4/img2.png" /></div>
              <div class="p4_img p4_img3 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="2.1s"><img src="images/p4/img3.png" /></div>
              <div class="p4_img4 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="2.4s"><img src="images/p4/img4.png" /></div>
              <div class="p4_txt1 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s"><img src="images/p4/img5.png" alt=""></div>
              <div class="p4_txt2 ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="4s"><img src="images/p4/img6.png" alt=""></div>
              <div class="p4_txt3 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="4.5s"><img src="images/p4/img7.png" alt=""></div>
              <div class="p4_txt4 ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="5s"><img src="images/p4/img8.png" alt=""></div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page5">
        <div class="paBox">
          <div class="scaleBox">
            <div class="header_title ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>开放提升行业竞争力</label></span>
            </div>
            <div class="page5_box">
              <div class="p5Box">
                <div class="p5_box">
                  <div class="item ani" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"><img src="images/p5/pimg1.png" alt=""></div>
                  <div class="item ani" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s"><img src="images/p5/pimg2.png" alt=""></div>
                  <div class="item ani" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="5.5s"><img src="images/p5/pimg3.png" alt=""></div>
                  <div class="item ani" swiper-animate-effect="rotateInDownLeft" swiper-animate-duration="0.5s" swiper-animate-delay="7.5s"><img src="images/p5/pimg4.png" alt=""></div>
                </div>
                <div class="p5_box1">
                  <div class="item ani" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s"><img src="images/p5/pimg5.png" alt=""></div>
                  <div class="item item2 ani" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="4.5s"><img src="images/p5/pimg6.png" alt=""></div>
                  <div class="item ani" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="0.5s" swiper-animate-delay="6.5s"><img src="images/p5/pimg7.png" alt=""></div>
                </div>
              </div>
            </div>
          </div>
          <div class="line ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"></div>
        </div>
      </div>
      <div class="swiper-slide page6">
        <div class="pageBox">
          <div class="scaleBox">
            <div class="header_title mb-30 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>开放银行的实现措施与目标</label></span>
            </div>
            <div class="page6_box">
              <div class="imgbox ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"><img src="images/p6/img1.png" /></div>
              <div class="span_txt span_txt1 ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">开放数据</div>
              <div class="txt txt1 ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="3s">让数据替代人工，让数据多跑路、让群众少跑路。让数据滚动服务社会，让社会普惠反哺银行。</div>
              <div class="span_txt span_txt2 ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s">开放技术</div>
              <div class="txt txt2 ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s">把银行技术嵌入企业财务管理流程，实现企业财资管理软件与银行系统数据的互联互通。</div>
              <div class="span_txt span_txt3 ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">开放业务</div>
              <div class="txt txt3 ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="4s">实现银行业务与企业业务的融合，构建“你中有我、我中有你、互为流量、共生共荣”的新型模式。</div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page7">
        <div class="pageBox">
          <div class="scaleBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>开放银行的实现措施与目标</label></span>
            </div>
            <div class="page7_box">
              <div class="page7_h1 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="1s">赋能合作伙伴，将建行优势功能嵌入第三方服务，利用滴滴、微信等独角兽企业平台引流，增加获客渠道，共享市场，进一步扩大我行产品优势。</div>
              <div class="page7_itemBox">
                <div class="p7_item ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"><img src="images/p7/img1.png" /></div>
                <div class="p7_item p7_txt1 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s">在自身网站<br />或APP中整<br />合现金首付款</div>
                <div class="p7_item ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s"><img src="images/p7/img2.png" /></div>
                <div class="p7_item p7_txt2 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3s">企业现金SDK<br />· 信息报告查询<br />· 企业首付款</div>
                <div class="p7_item ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s"><img src="images/p7/img3.png" /></div>
                <div class="line_1 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s"></div>
                <div class="line_2 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="3s"></div>
              </div>
              <div class="p7_tab ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s">
                <b class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="4s">潜在客户</b>
                <div class="p7_tabBox">
                  <div class="p7_t ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="4.5s"><span>水电煤</span></div>
                  <div class="p7_t ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="5s"><span>工商税务</span></div>
                  <div class="p7_t ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="5.5s"><span>招投标<br />平台</span></div>
                  <div class="p7_t ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="6s"><span>保险公司</span></div>
                  <div class="p7_t ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="6.5s"><span>汽车租<br />赁公司</span></div>
                  <div class="p7_t ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="7s"><span>互联网<br />平台</span></div>
                  <div class="p7_t ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="7.5s"><span>...</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page7">
        <div class="pageBox">
          <div class="scaleBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>构建完整生态体系</label></span>
            </div>
            <div class="page8_box">
              <div class="p8_item">
                <dl class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                  <dt>互联网生态圈</dt>
                  <dd>与第三方<span>合作</span><br />共同打造完整应用场景<br />提升客户体验</dd>
                </dl>
                <dl class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                  <dt>建行公有云</dt>
                  <dd><span>开放</span>核心服务<br />促进平台生态建设</dd>
                </dl>
                <dl class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                  <dt>建行私有云</dt>
                  <dd><span>建设</span><br />核心服务基石</dd>
                </dl>
              </div>
              <div class="p8_item ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
                <p>构建完整交易生态体系，将建行业务嵌入客户业务场景，参与客户生态建设和运行，与客户共同构筑新型“线上线下、全流程自动化、数字化”的交易模式 。</p>
              </div>
              <div class="p8_item ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="4s"><img src="images/p8/img1.png" /></div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page9">
        <div class="pageBox">
          <div class="scaleBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>开放助力业务发展</label></span>
            </div>
            <div class="page9_box">
              <div class="p9_h1 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="1s">开放助力业务发展，通过开放平台对生态的融入和建设，拓展新客户，提升交易规模，获取客户数据，为精准营销、风险控制等金融科技的应用提供基础。</div>
              <div class="p9_Box">
                <div class="p9_item p9_item1 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s"><img src="images/p9/img1.png" alt=""></div>
                <div class="p9_item p9_item2 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="3s"><img src="images/p9/img2.png" alt=""></div>
                <div class="p9_item ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="4s"><img src="images/p9/img3.png" alt=""></div>
                <div class="p9_item ani p9_item3" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="5s"><img src="images/p9/img7.png" alt=""></div>
                <div class="p9_item ani p9_item4" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="6s"><img src="images/p9/img4.png" alt=""></div>
                <div class="p9_item ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="7s"><img src="images/p9/img5.png" alt=""></div>
              </div>
              <div class="p9_p ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="0.5s" swiper-animate-delay="8s"><img src="images/p9/img6.png" alt=""></div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page10">
        <div class="pageBox">
          <div class="scaleBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>开放银行的服务模式</label></span>
            </div>
            <div class="page10_box">
              <div class="p10_item ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                <img src="images/p10/img1.png" />
                <span>私有云服务开放</span>
              </div>
              <div class="p10_item ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                <img src="images/p10/img2.png" />
                <span>公有云租户服务开放 </span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page7">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>服务模式1</label></span>
            </div>
            <div class="page11_box">
              <div class="p11_img p11_img1 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                <img src="images/p11/img1.png" alt="" />
              </div>
              <div class="p11_img p11_img2 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                <img src="images/p11/img2.png" alt="" />
              </div>
              <div class="p11_img p11_img3 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                <img src="images/p11/img3.png" alt="" />
              </div>
              <div class="p11_img p11_img4 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
                <img src="images/p11/img4.png" alt="" />
              </div>
              <div class="p11_img p11_img5 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
                <img src="images/p11/img5.png" alt="" />
              </div>
              <div class="p11_img p11_img6 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s">
                <img src="images/p11/img6.png" alt="" />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page7">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>服务模式2</label></span>
            </div>
            <div class="page11_box">
              <div class="p12_img p11_img1 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                <img src="images/p12/img1.png" alt="" />
              </div>
              <div class="p11_img p11_img2 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                <img src="images/p12/img2.png" alt="" />
              </div>
              <div class="p11_img p11_img3 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                <img src="images/p12/img3.png" alt="" />
              </div>
              <div class="p11_img p11_img4 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
                <img src="images/p12/img4.png" alt="" />
              </div>
              <div class="p11_img p11_img7 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
                <img src="images/p12/img5.png" alt="" />
              </div>
              <div class="p11_img p11_img8 ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s">
                <img src="images/p12/img6.png" alt="" />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page13">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>开放银行的应用场景</label></span>
            </div>
            <div class="page12_box">
              <div class="p12_box">
                <div class="p12_item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                  <img src="images/p13/img1.png" />
                  <span>被扣款账户<br />在线授权</span>
                </div>
                <div class="p12_item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                  <img src="images/p13/img2.png" />
                  <span>预约开户</span>
                </div>
                <div class="p12_item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                  <img src="images/p13/img3.png" />
                  <span>保险人/借款人<br />账户验证</span>
                </div>
                <div class="p12_item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
                  <img src="images/p13/img4.png" />
                  <span>税务部门<br />主动扣税</span>
                </div>
              </div>
              <div class="p12_box">
                <div class="p12_item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
                  <img src="images/p13/img5.png" />
                  <span>公用事业、保险<br />公司等主动扣款</span>
                </div>
                <div class="p12_item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s">
                  <img src="images/p13/img6.png" />
                  <span>在线开立单<br />位资金证明</span>
                </div>
                <div class="p12_item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="4s">
                  <img src="images/p13/img7.png" />
                  <span>外部资<br />信评级</span>
                </div>
                <div class="p12_item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="4.5s">
                  <img src="images/p13/img8.png" />
                  <span>个性化账<br />户信息报告</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page14">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>开放银行的应用场景</label></span>
            </div>
            <div class="page14_box">
              <div class="item ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="1s"><img src="images/p14/img1.png" alt=""></div>
              <div class="item ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s"><img src="images/p14/img2.png" alt=""></div>
              <div class="item ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="3s"><img src="images/p14/img3.png" alt=""></div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page14">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>预约开户</label></span>
            </div>
            <div class="page15_box">
              <div class="item item1 ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"><img src="images/p15/img1.png" alt=""></div>
              <div class="item item2 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s"><img src="images/p15/img2.png" alt=""></div>
              <div class="item item3 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3s"><img src="images/p15/img3.png" alt=""></div>
              <div class="item item6 ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="4s"><img src="images/p15/img6.png" alt=""></div>
              <div class="item item4 pr-15 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="5s"><img src="images/p15/img4.png" alt=""></div>
              <div class="item item5 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="6s"><img src="images/p15/img5.png" alt=""></div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page6">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="header_title mb-30 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>预约开户</label></span>
            </div>
            <div class="page16_box">
              <div class="p16_h1 ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s">银行开放预约开户能力，实现“极速预约、便捷开户、一次解决”的目标。实现真正的业务体验提升</div>
              <div class="p16_box pb-40">
                <div class="item pt-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"><img src="images/p16/img1.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s"><img src="images/p16/img2.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3s"><img src="images/p16/img3.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="4s"><img src="images/p16/img4.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="5s"><img src="images/p16/img5.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="6s"><img src="images/p16/img4.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.5s" swiper-animate-delay="7s"><img src="images/p16/img6.png" alt=""></div>
              </div>
              <div class="p16_box">
                <div class="item pt-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="8s"><img src="images/p16/img7.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="9s"><img src="images/p16/img2.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="10s"><img src="images/p16/img8.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="11s"><img src="images/p16/img4.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.5s" swiper-animate-delay="12s"><img src="images/p16/img9.png" alt=""></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page17">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="page17_box">
              <div class="p17_Box p17_Box1 ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                <div class="item pr-20"><img src="images/p17/img1.png" /></div>
                <div class="item item1">
                  <h3>保险公司、消费金融公司、公积金保险人/借款人账户验证。</h3>
                  <p>因个人2、3类账户收付款存在限制，保险公司、消费金融公司等需要打款给个人的场景中，可在登记账户的同时验证账户类型、账户有效性信息，确保绑定的账户属于1类或2类账户。</p>
                </div>
              </div>
              <div class="p17_Box p17_Box2 ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                <div class="item pr-20"><img src="images/p17/img2.png" /></div>
                <div class="item item2">
                  <h3>税务部门主动扣税</h3>
                  <p>举例：税务部门在取得对公客户授权后，可以发起向对公账户的主动扣款，企业完成税款自动缴纳。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page17">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="page17_box pt-30">
              <div class="p17_Box p17_Box3 ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                <div class="item pr-40"><img src="images/p17/img3.png" /></div>
                <div class="item item3">
                  <h3>公用事业、汽车租赁公司、保险公司主动扣款</h3>
                  <p>如租车公司与小企业客户签订代扣款业务，通过我行的接口根据客户的授权发起对公客户的扣款交易。</p>
                </div>
              </div>
              <div class="p17_Box p17_Box2 ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                <div class="item pr-40"><img src="images/p17/img4.png" /></div>
                <div class="item item2">
                  <h3>会计师事务所、招投标平台等在线开立单位资金证明</h3>
                  <p>会计师事务所、招投标平台在获得单位客户授权的前提下，或者跳转企业网银界面，单位客户经过身份认证后，在线发起资金证明申请，系统自动出具建设银行标准格式的回函并加盖电子印章。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page17">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="page17_box pt-30">
              <div class="p17_Box p17_Box3 ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s">
                <div class="item pr-40"><img src="images/p17/img5.png" /></div>
                <div class="item item3">
                  <h3>外部资信评级</h3>
                  <p>专业评级公司在取得账户所有人授权的基础上，通过调用我行接口，调取客户信息报告服务，获取客户账户流水和信息。对客户的资产流水情况进行评估，以对客户授权做出评估。</p>
                </div>
              </div>
              <div class="p17_Box p17_Box2 ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s">
                <div class="item pr-40"><img src="images/p17/img6.png" /></div>
                <div class="item item2">
                  <h3>个性化账户信息报告</h3>
                  <p>突破目前网银框架限制，可为客户提供全方位的自定义报表模板及界面展示。客户可根据自身需要，自行定义账户统计区域和成员单位分组，并按照自定义的维度生成相关报表，满足客户多样化财务管理需求。</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page10">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>实现开放银行的意义</label></span>
            </div>
            <div class="page20_box">
              <div class="item ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                <img src="images/p20/img1.png" />
                <b>共享即共赢</b>
                <span>金融数据共享，<br />实现服务升级和价值再造</span>
              </div>
              <div class="item ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                <img src="images/p20/img2.png" />
                <b>构建金融交易生态圈</b>
                <span>开放技术，拓展业务场景，<br />为构建金融生态圈提供基础</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page21">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>开放共享即共赢</label></span>
            </div>
            <div class="page21_box">
              <div class="p_h1 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="1s">开放银行通过开放自身API接口，与各平台服务商建立合作，银行将实现对各场景的穿透，打造具有自身特色的生态圈，以提升用户的服务为核心，从而形成业务“护城河”</div>
              <div class="p21_box">
                <div class="item">
                  <div class="itemBox ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                    <img src="images/p21/img1.png" alt="">
                  </div>
                  <div class="itemBox item1 ani" swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
                    <img src="images/p21/img2.png" alt="">
                  </div>
                </div>
                <div class="item ani item5" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"><img src="images/p21/img5.png" alt=""></div>
                <div class="item">
                  <div class="itemBox ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="3s">
                    <img src="images/p21/img3.png" alt="">
                  </div>
                  <div class="itemBox item1 ani" swiper-animate-effect="fadeInRightBig" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s">
                    <img src="images/p21/img4.png" alt="">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page21">
        <div class="scaleBox">
          <div class="pageBox">
            <div class="header_title mb-40 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s">
              <span><label>构建生态闭环</label></span>
            </div>
            <div class="page22_box">
              <div class="p_h1 ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
                随着开放银行体系的建立和未来进一步完善，银行将拥有更多的数据和流量入口，更容易通过大数据分析对风险进行管控，也更容易实现产品销售与运营的业务闭环。<br />与客户共建交易场景，将银行服务嵌入客户业务流程，“把银行开到客户的APP中”，提升银企合作粘性。
              </div>
              <div class="p22_box">
                <div class="item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="2s"><img src="images/p22/img1.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s"><img src="images/p22/img2.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3s"><img src="images/p22/img3.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="3.5s"><img src="images/p22/img4.png" alt=""></div>
                <div class="item ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="4s"><img src="images/p22/img5.png" alt=""></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-slide page23">
        <div class="pageBox centerPage">
          <div class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0s"><img src="images/p1/img1.png" alt=""></div>
          <div class="pt-10 pr-50 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"><img src="images/p1/img2.png" alt=""></div>
          <div class="btn-op ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
            <span class="btn">广东实验室</span>
          </div>
        </div>
        <i class="scroll-icon"></i>
        <!-- <div class="scaleBox">
          <div class="pageBox centerPage">
            <div class="p23_box">
              <div class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"><img src="images/p23/img1.png" alt=""></div>
              <div class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s"><img src="images/p23/img2.png" alt=""></div>
              <div class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"><img src="images/p23/img3.png" alt=""></div>
              <div class="btn-op ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="0.5s" swiper-animate-delay="2s">
                <span class="btn">广东实验室</span>
              </div>
            </div>
          </div>
        </div> 
        <i class="scroll-icon"></i> -->
      </div>
    </div>
    <div class="swiper-pagination"></div>
  </div>
  <script>
    var swiper = new Swiper(".swiper-container", {
      direction: "vertical",
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      slidesPerView: 1,
      spaceBetween: 30,
      mousewheel: true,
      on: {
        init: function () {
          swiperAnimateCache(this); //隐藏动画元素
          swiperAnimate(this); //初始化完成开始动画
        },
        slideChangeTransitionEnd: function () {
          swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
          //this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
        }
      }
    });
  </script>
</body>

</html>